<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>视频采集在线观看</title>
    <meta name="keywords"
          content="2019最新电影，2019最。2019电影排名，好看的电视剧,好看的电影，新电视剧，好看的电影，免费电影，伦理电影，伦理片，电影网站，电影在线观看，天天美剧,美剧天堂,美剧汇,人人美剧">
    <meta name="description"
          content="最全的最新电视剧，2018最新电影，韩国电视剧、香港TVB电视剧、日本动漫、日剧、美剧、综艺的在线观看和剧集交流场所，西瓜影音在线观看高清电影，每天第一时间更新，放送好看的迅雷电影下载。">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <link rel="stylesheet" href="/static/css/element.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/common/vue.js"></script>
    <script src="/static/js/common/axios.js"></script>
    <script src="/static/js/common/element.js"></script>
    <script src="/static/js/common/qs.js"></script>
    <script src="/static/js/common/request.js"></script>
    <script src="/static/js/common/jquery.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="/static/default/images/ico.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-font-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-ui-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-site-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color-v=2.2.css" type="text/css" name="default"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color1-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color1-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color2-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color3-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color4-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <script type="text/javascript" src="/static/default/images/jquery.min-v=3.3.1.js"></script>
    <script type="text/javascript" src="/static/default/images/layer-v3.1.1.js"></script>
    <script type="text/javascript" src="/static/default/images/mytheme-ui-v=2.2.js"></script>
    <link rel="stylesheet" href="/static/default/images/stui_block_color.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/stui_block.css" type="text/css"/>
    <style type="text/css">.embed-responsive {
        padding-bottom: 56.25%;
    } </style>
</head>
<body class="active">
<div id="app" v-cloak>
    <header class="myui-header__top clearfix" id="header-top">
        <div class="container">
            <div class="row">
                <div class="myui-header_bd clearfix">
                    <div class="myui-header__logo">
                        <a class="logo" href="/">
                            <img class="img-responsive hidden-xs" src="/static/default/images/logo.png"
                                 style="width: 100px; height: 38px;margin-top: 11px;"/>
                            <img class="img-responsive visible-xs" src="/static/default/images/logo.png"
                                 style="width: 66px; height: 29px; margin-top: 18px;"/>
                        </a>
                    </div>
                    <ul class="myui-header__menu nav-menu">
                        <template v-for="item in navbar.nav">
                            <li class=" active hidden-sm hidden-xs">
                                <a :href="item.link">[[item.title]]</a>
                            </li>
                        </template>
                        <li class="dropdown-hover">
                            <a href="javascript:;">线路 <i class="fa fa-angle-down"></i></a>
                            <div class="dropdown-box bottom fadeInDown clearfix" style="margin-left: -80px;">
                                <ul class="item nav-list clearfix">
                                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                        <a :class="['btn', 'btn-sm', 'btn-block', line == 1?'btn-warm':'btn-']"
                                           href="javascript:;" @click="lineClick(1)">线路1</a>
                                    </li>
                                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                        <a :class="['btn', 'btn-sm', 'btn-block', line == 2?'btn-warm':'btn-']"
                                           href="javascript:;" @click="lineClick(1)">线路2</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;">频道 <i class="fa fa-angle-down"></i></a>
                            <div class="dropdown-box bottom fadeInDown clearfix">
                                <ul class="item nav-list clearfix">
                                    <template v-for="(item,index) in navbar.bar">
                                        <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                            <template v-if="index == 0">
                                                <a class="btn btn-sm btn-block btn-warm" :href="item.link">[[item.title]]</a>
                                            </template>
                                            <template v-else>
                                                <a class="btn btn-sm btn-block btn-"
                                                   :href="item.link">[[item.title]]</a>
                                            </template>
                                        </li>
                                    </template>
                                </ul>
                            </div>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;" @click="goDoubanClick">豆瓣</a>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;" @click="goToolClick">工具</a>
                        </li>
                    </ul>

                    <div class="myui-header__search search-box">
                        <a class="search-select dropdown-hover" href="javascript:;">
                            <span class="text">站内</span> <i class="fa fa-caret-down"></i>
                            <div class="dropdown-box bottom fadeInDown">
                                <ul class="item">
                                    <li class="btn btn-sm btn-block btn-warm" @click="inoutClick(1)"
                                        style="margin-bottom: 5px;">站内
                                    </li>
                                    <li class="btn btn-sm btn-block btn-" @click="inoutClick(2)">站外</li>
                                </ul>
                            </div>
                        </a>


                        <input type="text"
                               id="wd"
                               name="searchword"
                               class="search_wd form-control"
                               value=""
                               placeholder="输入影片关键词..."
                               autocomplete="off"
                               style="padding-left: 72px;"
                               v-model="formSearch"
                               @keyup.enter="searchClick(formSearch)"
                        />
                        <button
                                class="submit search_submit"
                                id="searchbutton"
                                type="button"
                                name="submit"
                                @click="searchClick(formSearch)"
                        >
                            <i class="fa fa-search"></i>
                        </button>

                        <div id="word" class="autocomplete-suggestions active hidden-xs" style="display: none;"></div>
                        <a class="search-close visible-xs" href="javascript:;"><i class="fa fa-close"></i></a>
                    </div>
                    <ul class="myui-header__user">
                        <li class="visible-xs">
                            <a class="open-search" href="javascript:;"><i class="fa fa-search"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="myui-player clearfix" style="background-color: #27272f;">
        <div class="container">
            <div class="row">
                <div class="myui-player__item clearfix" style="background-color: #1f1f1f;">
                    <div class="col-md-wide-75 clearfix padding-0 relative" id="player-left">
                        <div class="myui-player__box player-fixed">
                            <a class="player-fixed-off" href="javascript:;" style="display: none;"><i
                                    class="fa fa-close"></i></a>
                            <div class="embed-responsive clearfix">
                                <iframe :src="playLink.url" id='cciframe' scrolling='no' frameborder='0'
                                        allowfullscreen></iframe>
                            </div>
                        </div>
                        <div class="clearfix" style="background-color: #1b1a25;">
                            <div class="col-md-wide-7">
                                <ul class="myui-player__operate">
                                    <li>
                                        <a href="javascript:;"><i class="fa fa-star"></i> 收藏</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;"><i class="fa fa-close"></i> 报错</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" onclick="window.location.reload()">
                                            <i class="fa fa-spinner"></i>
                                            刷新
                                        </a>
                                    </li>
                                    <li>
                                        <a class="digg_link" href="javascript:;">
                                            <i class="fa fa-thumbs-up"></i>
                                            <span class="digg_num">0</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="digg_link" href="javascript:;">
                                            <i class="fa fa-thumbs-down"></i>
                                            <span class="digg_num">0</span>
                                        </a>
                                    </li>
                                    <li><a href="javascript:;" @click="goPlayClick(playLink.prePage)"><i
                                            class="fa fa-caret-up"></i> 上集</a></li>
                                    <li><a href="javascript:;" @click="goPlayClick(playLink.nextPage)"><i
                                            class="fa fa-caret-down"></i> 下集</a></li>
                                </ul>
                            </div>
                            <div class="col-md-wide-3">
                                <div class="myui-player-links">
                                    <font size="2" face="arial" color="red">切勿相信视频内广告 以免造成财产损失</font>
                                </div>
                            </div>
                        </div>

                        <a class="is-btn hidden-sm hidden-xs" id="player-sidebar-is" href="javascript:;"><i
                                class="fa fa-angle-right"></i></a>
                    </div>
                    <div class="col-md-wide-25 padding-0" id="player-sidebar">
                        <div class="myui-panel margin-0 clearfix">
                            <div class="myui-panel-box clearfix">
                                <div class="myui-panel__head active clearfix">
                                    <h3 class="title text-fff">[[contentListData.title]]</h3>
                                </div>
                                <div class="tab-content mb10">
                                    <div>
                                        <ul class="myui-content__list playlist clearfix" id="playlist">
                                            <li class="col-md-2 col-sm-5 col-xs-3 active"></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="myui-panel_bd">
                                    <h5 class="text-center text-muted">—— 猜你喜欢 ——</h5>
                                    <ul class="myui-vodlist__bd clearfix">
                                        <template v-for="item in likeListData">
                                            <li class="col-md-2 col-sm-4 col-xs-3">
                                                <div class="myui-vodlist__box">
                                                    <a href="javascript:;"
                                                       class="myui-vodlist__thumb lazyload"
                                                       :title="item.title"
                                                       :style="{backgroundImage: 'url('+item.poster+')'}"
                                                       @click="detailClick(item)"
                                                    >
                                                        <span class="play hidden-xs"></span>
                                                        <span class="pic-text text-center">[[item.title]]</span>
                                                    </a>
                                                </div>
                                            </li>
                                        </template>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="myui-player__data hidden-xs clearfix">
                    <h3>
                        <a class="text-fff" href="javascript:;">[[contentListData.title]]</a>
                        <small class="text-muted">[[contentListData.definition]]</small>
                    </h3>
                    <p class="text-muted margin-0">
                        2019-10-26 08:54更新 /
                        <a class="text-muted" :href="'/classify?tid='+tidFilter(contentListData.classfiy_title)">
                            [[contentListData.classfiy_title]]
                        </a> /
                        <a class="text-muted" :href="'/classify?area='+contentListData.classfiy_area">
                            [[contentListData.classfiy_area]]
                        </a> /
                        <a class="text-muted" :href="'/classify?year='+contentListData.classfiy_year">
                            [[contentListData.classfiy_year]]
                        </a>
                    </p>
                </div>
            </div>

        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-wide-7 col-xs-1 padding-0">
                <!-- 详细信息-->
                <div class="myui-panel myui-panel-bg clearfix">
                    <div class="myui-panel-box clearfix">
                        <div class="col-xs-1">
                            <div class="myui-content__thumb">
                                <a class="myui-vodlist__thumb img-lg-220 img-xs-130 picture"
                                   href="javascript:;"
                                   :title="contentListData.title"
                                   @click="goPlayClick(contentListData.play_link)"
                                >
                                    <img class="lazyload" :src="contentListData.poster"/>
                                    <span class="play active hidden-xs"></span>
                                </a>
                            </div>
                            <div class="myui-content__detail">
                                <h1 class="title">[[contentListData.title]]</h1>
                                <p class="data">
                                    <span class="text-muted">
                                        分类：</span><a :href="'/classify?tid='+tidFilter(contentListData.classfiy_title)">[[contentListData.classfiy_title]]</a>
                                    <span class="split-line"></span>
                                    <span class="text-muted hidden-xs">
                                        地区：</span><a :href="'/classify?area='+contentListData.classfiy_area">[[contentListData.classfiy_area]]</a>
                                    <span class="split-line"></span>
                                    <span class="text-muted hidden-xs">
                                        年份：</span><a :href="'/classify?year='+contentListData.classfiy_year">[[contentListData.classfiy_year]]</a>
                                </p>
                                <p class="data">
                                    <span class="text-muted">主演：</span>
                                    <template v-for="item in contentListData.actor">
                                        <a href='javascript:;' @click="searchClick(item)">[[item]]</a>&nbsp;&nbsp;
                                    </template>
                                </p>
                                <p class="data"><span class="text-muted">导演：</span>
                                    <a href='javascript:;'
                                       @click="searchClick(contentListData.director)">[[contentListData.director]]</a>&nbsp;&nbsp; 
                                </p>
                                <p class="data">
                                    <span class="text-muted">更新：</span>
                                    [[contentListData.update_time]]
                                </p>
                                <p class="desc text-collapse hidden-xs">
                                    <span class="left text-muted">简介：</span>
                                    <span class="sketch">[[contentListData.intro]]</span>
                                    <span class="data" style="display: none;">[[contentListData.intro_all]]</span>
                                    <a class="details" href="javascript:;" v-if="contentListData.intro_all != ''">详情 <i
                                            class="fa fa-angle-down"></i></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="myui-panel myui-panel-bg clearfix">
                    <div class="myui-panel-box clearfix">
                        <div class="myui-panel_hd">
                            <div class="myui-panel__head active bottom-line clearfix">
                                <a class="more sort-button pull-right" href="javascript:;"><i
                                        class="fa fa-sort-amount-asc"></i> 排序</a>
                                <h3 class="title">
                                    播放地址 </h3>
                                <ul class="nav nav-tabs active">
                                    <template v-for="item in playListData">
                                        <li>
                                            <a
                                                    :href="'#'+item.play_type"
                                                    data-toggle="tab"
                                            >
                                                [[item.play_type]]
                                            </a>
                                        </li>
                                    </template>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-content myui-panel_bd">
                            <template v-for="item in playListData">
                                <div :id="item.play_type" class="tab-pane fade in clearfix">
                                    <ul class="stui-content__playlist  sort-list column8 clearfix">
                                        <template v-for="node in item.list">
                                            <li>
                                                <a :title='node.name_num'
                                                   href='javascript:;'
                                                   target="_self"
                                                   @click="goPlayClick(node.link_num)"
                                                >[[node.name_num]]</a>
                                            </li>
                                        </template>
                                    </ul>
                                </div>
                            </template>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-wide-3 col-xs-1 myui-sidebar hidden-sm hidden-xs">
                <div class="myui-panel myui-panel-bg clearfix">
                    <div class="myui-panel-box clearfix">
                        <div class="myui-panel_hd">
                            <div class="myui-panel__head clearfix">
                                <h3 class="title">
                                    最新更新 </h3>
                                <a class="more text-muted" href="/classify">
                                    更多 <i class="fa fa-angle-right"></i>
                                </a>
                            </div>
                        </div>
                        <div class="myui-panel_bd">
                            <ul class="myui-vodlist__text col-pd clearfix">
                                <template v-for="(item,index) in updateListData">
                                    <li>
                                        <a href="javascript:;"
                                           :title="item.title"
                                           @click="detailClick(item)"
                                        >
                                            <span class="pull-right  text-muted hidden-md">[[item.definition]]</span>
                                            <template v-if="index == 0">
                                                <span class="badge badge-1">[[index*1+1]]</span>
                                            </template>
                                            <template v-else-if="index == 1">
                                                <span class="badge badge-2">[[index*1+1]]</span>
                                            </template>
                                            <template v-else-if="index == 2">
                                                <span class="badge badge-3">[[index*1+1]]</span>
                                            </template>
                                            <template v-else>
                                                <span class="badge">[[index*1+1]]</span>
                                            </template>
                                            [[item.title]]
                                        </a>
                                    </li>
                                </template>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="myui-foot clearfix">
        <div class="container min">
            <div class="row">
                <div class="col-pd text-center">
                    <p class="margin-0">本网站提供的最新电视剧和电影资源均系收集于各大视频网站，本网站只提供web页面服务，并不提供影片资源存储，也不参与录制、上传
                        若本站收录的节目无意侵犯了贵司版权，请与我们取得联系，我们会及时处理和回复，谢谢！
                    </p>
                </div>
            </div>
        </div>
    </div>
    <ul class="myui-extra clearfix">
        <li>
            <a class="backtop" href="javascript:scroll(0,0)" title="返回顶部" style="display: none;"><i
                    class="fa fa-angle-up"></i></a>
        </li>
        <li>
            <a class="btnskin" href="javascript:;" title="切换皮肤"><i class="fa fa-windows"></i></a>
        </li>
    </ul>

</div>
<script>
    let app = new Vue({
        delimiters: ["[[", "]]"],
        el: "#app",
        data: {
            line: 1,
            inout: 1,
            formSearch: "",
            navbar: {},
            contentListData: JSON.parse(localStorage.getItem('contentList')),
            likeListData: JSON.parse(localStorage.getItem('likeList')),
            playListData: JSON.parse(localStorage.getItem('playList')),
            updateListData: JSON.parse(localStorage.getItem('updateList')),
            playLink: {},
        },
        mounted() {
            this.line = localStorage.getItem("line") ? localStorage.getItem("line") : 1;
            this.navbar = this.line == 1 ? navbar1 : navbar2;
            this.getLink();
            document.title = this.contentListData.title;
            $(".tab-pane:first,.nav-tabs li:first").addClass("active");
        },
        methods: {
            getLink() {
                let playData = JSON.parse(localStorage.getItem("playLink"));
                this.requestGetPlayList(playData)
            },
            requestGetPlayList(playData) {
                let layerLoad = layer.load(1, {
                    shade: [.6, '#000'],
                });
                let data = {...playData, line: this.line};
                requestFunc(null, '/dyld/play', data, (data) => {
                    // console.log(data.data);
                    layer.close(layerLoad);
                    this.playLink = data.data;
                })
            },
            tidFilter(value) {
                let classifyType = this.line == 1 ? classifyType1 : classifyType2;
                let tid = '';
                for (let i = 0; i < classifyType.length; i++) {
                    if (value == classifyType[i].title) {
                        tid = classifyType[i].value;
                    }
                }
                return tid;
            },
            inoutClick(aside) {
                this.inout = aside;
            },
            searchClick(searchword) {
                if (searchword == "") {
                    this.$message({message: "请输入搜索内容", duration: 1500, showClose: true, type: "warning"});
                    return false;
                }
                if (this.inout == 1) {
                    location.href = "/search?page=1&searchword=" + searchword;
                } else if (this.inout == 2) {
                    location.href = "/out?searchword=" + searchword;
                }
            },
            lineClick(line) {
                localStorage.setItem("line", line);
                location.href = "/";
            },
            detailClick(item) {
                location.href = "/detail";
                localStorage.setItem("playSearchLink", JSON.stringify(item))
            },
            goPlayClick(link) {
                location.href = "/play";
                localStorage.setItem("playLink", JSON.stringify({link: link}))
            },
            goDoubanClick() {
                location.href = "/douban";
            },
            goToolClick() {
                location.href = "/tool";
            }
        },
    });
</script>
<script type="text/javascript" src="/static/default/images/mytheme-site-v=2.2.js"></script>
<script type="text/javascript">
    MyTheme.Images.Qrcode.Init();
    MyTheme.Link.Short();
    MyTheme.Other.Skin();
    MyTheme.Other.Share();
</script>


</body>
</html>